<%--
  Created by IntelliJ IDEA.
  User: l
  Date: 2022/5/17
  Time: 19:26
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>详情页</title>
    <link rel="stylesheet" type="text/css" href="css/public.css"/>
    <link rel="stylesheet" type="text/css" href="css/proList.css"/>
</head>
<body><!------------------------------head------------------------------>
<%@ include file="header1.jsp" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
><!-----------------address------------------------------->
<div class="address">
    <c:forEach var="f" items="${flist}">
        <c:if test="${f.cate_id == p.product_fid}">
        <div class="wrapper clearfix"><a href="indexselect">首页</a><span>/</span><a href="selectproductlist?fid=${f.cate_id}">${f.cate_name}</a><span>/</span>
                <c:forEach items="${clist}" var="c"><a href="selectproductlist?cid=${c.cate_id}">
                <c:if test="${c.cate_id == p.product_cid && f.cate_id == c.cate_parent_id}">${c.cate_name}</c:if>
                </c:forEach>
            </a><span>/</span><a href="selectproductview?id=${p.product_id}" class="on">【最家】${p.product_name}</a></div>
        </c:if>
    </c:forEach>
</div><!-----------------------Detail------------------------------>
<div class="detCon">
    <div class="proDet wrapper">
        <div class="proCon clearfix">
            <div class="proImg fl"><img class="det" src="image/product/${p.product_filename}"/>
                <div class="smallImg clearfix"><img src="image/product/${p.product_filename}" data-src="image/product/${p.product_filename}"></div>
            </div>
            <div class="fr intro">
                <div class="title"><h4>【最家】${p.product_name}</h4>
                    <br><br><br>
                    <p>【破损补寄】【${p.product_description}】【无理由退换货】【包邮】</p><span>￥${p.product_price}</span></div>
                <div class="proIntro"><p>颜色分类</p>
                    <div class="smallImg clearfix categ"><p class="fl"><img src="image/product/${p.product_filename}" alt="书籍+笔" data-src="image/product/${p.product_filename}"></p></div>
                    <p>数量&nbsp;&nbsp;库存<span>${p.product_stock}</span>件</p>
                    <div class="num clearfix"><img class="fl sub" src="img/temp/sub.jpg"><span id="count" class="fl" contentEditable="true">1</span><img
                            class="fl add" src="img/temp/add.jpg">
                </div>
                <div class="btns clearfix">
                    <a href="javascript:shopAdd('${p.product_id}','z')"><p class="buy fl">立即购买</p></a>
                    <a href="javascript:shopAdd('${p.product_id}','s')"><p class="cart fr">加入购物车</p></a>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    function  shopAdd(id,url) {
        var count = document.getElementById("count").innerHTML;
        location.href ='cartadd?id='+id+'&count='+count+'&url='+url;
    }
</script>
<div class="introMsg wrapper clearfix">
    <div class="msgL fl">
        <div class="msgTit clearfix"><a class="on">商品详情</a><a>所有评价</a></div>
        <div class="msgAll">
            <div class="msgImgs"><img style="width: 650px;height: 650px; position: relative;" src="image/product/${p.product_filename}"></div>
            <div class="eva">
                <div class="per clearfix">
                    <c:forEach var="d" items="${dlist}" >
                        <div class="perR fl"><p>${d.comment_user}</p>
                            <p>${d.comment_desc}</p>
                            <div class="clearfix">
                                <c:if test="${d.comment_filename != '0' && pl.comment_filename != ''}">
                                    <p><img src="image/product/${d.comment_filename}" width="50px" height="50px" ></p>
                                </c:if>
                            </div>
                            <p><span>${d.comment_time}</span></p>
                        </div>
                    </c:forEach>
                </div>
            </div>
        </div>
    </div>
    <div class="msgR fr" style="width: 200px"><h4>为你推荐</h4>
        <div class="seeList">
            <c:forEach var="cp" items="${classlist}">
                <a href="selectproductview?id=${cp.product_id}">
                <dl>
                    <dt><img src="image/product/${cp.product_filename}" style="width: 150px" height="150px"></dt>
                    <dd>【最家】${cp.product_name}</dd>
                    <dd>￥${cp.product_price}</dd>
                </dl>
                </a>
            </c:forEach>
        </div>
    </div>
</div>
<div class="like"><h4>最近访问</h4>
    <div class="bottom">
        <div class="hd"><span class="prev"><img src="img/temp/prev.png"></span><span class="next"><img
                src="img/temp/next.png"></span></div>
        <div class="imgCon bd">
            <div class="likeList clearfix">
                <div>
                    <c:forEach var="lp" items="${lastlist}">
                        <a href="selectproductview?id=${lp.product_id}">
                            <dl>
                                <dt><img src="image/product/${lp.product_filename}" style="width: 150px" height="150px"></dt>
                                <dd>【最家】${lp.product_name}</dd>
                                <dd>￥${lp.product_price}</dd>
                            </dl>
                        </a>
                    </c:forEach>
                </div>
            </div>
        </div>
    </div>
</div><!--返回顶部-->
<div class="gotop">
    <a href="showcart">
        <dl class="goCart">
            <dt><img src="img/gt1.png"/></dt>
            <dd>去购<br/>物车</dd>
            <span>
                <c:if test="${num == null}">
                    0
                </c:if>
                <c:if test="${num != null}">
                    ${num}
                </c:if>
            </span></dl>
    </a><a href="#" class="dh">
    <dl>
        <dt><img src="img/gt2.png"/></dt>
        <dd>联系<br/>客服</dd>
    </dl>
</a><a href="mygxinselect">
    <dl>
        <dt><img src="img/gt3.png"/></dt>
        <dd>个人<br/>中心</dd>
    </dl>
</a><a href="#" class="toptop" style="display: none;">
    <dl>
        <dt><img src="img/gt4.png"/></dt>
        <dd>返回<br/>顶部</dd>
    </dl>
</a>
    <p>400-800-8200</p></div>
<div class="msk"></div><!--footer-->
<div class="footer">
    <div class="top">
        <div class="wrapper">
            <div class="clearfix"><a href="#2" class="fl"><img src="img/foot1.png"/></a><span class="fl">7天无理由退货</span>
            </div>
            <div class="clearfix"><a href="#2" class="fl"><img src="img/foot2.png"/></a><span class="fl">15天免费换货</span>
            </div>
            <div class="clearfix"><a href="#2" class="fl"><img src="img/foot3.png"/></a><span class="fl">满599包邮</span>
            </div>
            <div class="clearfix"><a href="#2" class="fl"><img src="img/foot4.png"/></a><span class="fl">手机特色服务</span>
            </div>
        </div>
    </div>
    <p class="dibu">最家家居&copy;2013-2017公司版权所有 京ICP备080100-44备0000111000号<br/>
        违法和不良信息举报电话：188-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p></div>
<script src="js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.SuperSlide.2.1.1.js" type="text/javascript" charset="utf-8"></script>
<script src="js/public.js" type="text/javascript" charset="utf-8"></script>
<script src="js/nav.js" type="text/javascript" charset="utf-8"></script>
<script src="js/pro.js" type="text/javascript" charset="utf-8"></script>
<script src="js/cart.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">jQuery(".bottom").slide({
    titCell: ".hd ul",
    mainCell: ".bd .likeList",
    autoPage: true,
    autoPlay: false,
    effect: "leftLoop",
    autoPlay: true,
    vis: 1
});</script>
</body>
</html>
